<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
	<link rel="shortcut icon" href="img/smlogo.png" type="image/x-icon">
    <meta charset="UTF-8">
    <title>qq转发</title>
    <link rel="stylesheet" href="css/index2.css"/>
    <style>
        html,body{
            height:100%;
            box-sizing: border-box;
        }
        body{
            background: #fff;
        }
        p{
            color:#ccc;
            font-size: 13px;
            text-align: center;
            margin-top:20px;
        }
        .btn::after{
            border-bottom: none;
        }
        .inputbox{
            font-size: 18px;
            padding:9px 0;
            text-align: center;
        }
        .inputbox::after{
            border:none;
        }
        .inputbox span img{
            width:25px;
            height:25px;
        }
        .inputbox>.input{
            border:1px solid #ddd;
            padding:5px 8px;
            border-radius: 5px;
            margin-left:5px;
            box-shadow:none;
            display: inline-block;
            min-width: 60%;
        }
        .inputbox input{
            width:100%;
        }
        .inputbox input::-webkit-input-placeholder{
            color:#ddd;
        }
        .btn>div{
            width:50%;
            text-align: center;
            padding:4px 8px;
            border:1px solid #ddd;
            margin:15px auto;
            font-size: 20px;
            border-radius: 5px;
            color:#fff;
            background:-webkit-linear-gradient(bottom,#6092F3,#6EA0FF);
        }
        .answerplace{
            position: relative;
            border:1px solid #ddd;
            border-bottom: none;
            margin-top:20px;
        }
        .bar_regular_state{
            padding-top:44px;
        }
        .btn2{
            position: relative;
        }
        .btn2>div{
            max-width:40%;
            text-align: center;
            padding:4px 8px;
            border:1px solid #ddd;
            font-size: 18px;
            border-radius: 5px;
            display: inline-block;
            margin:0 auto;
        }
        .tishi{
            position:fixed;
            top:0;
            height:100%;
            background: rgba(0,0,0,0.75);
            width:100%;
            z-index: 999;
        }
        .arrow{
            position:fixed;
            top:-2px;
            right: 26px;;
        }
        .tishiword{
            position:fixed;
            top:100px;
            text-align: center;
            color:#fff;
            font-size: 25px;
        }
        .arrow img{
            width:100px;
            height:100px;
        }
    </style>
</head>
<body class=" experiment-lookup_bar-on gating-feed_switcher_bar-on mweb  gating-new_mweb_header_logged_out-off" id="chating">
<div class="pagedlist_item">
    <div class="feed_item feed_type_answer" style="border-bottom: none;">
        <div class="EventHeader">
            <span>王大锤</span>
            <span class="bullet"> · </span>
            <span class="TopicNameSpan TopicName">励志</span>
            <span class="bullet"> · </span>
            <span class="timestamp">08-31</span>
        </div>
        <!-- 用户信息向上移动-->

        <h2 class="no_highlight">
            <a class="question_link">
                <span class="question_text">
                    <span class="rendered_qtext">
                        夏天吃什么好，天气太热，吃什么都没胃口，有什么好的建议么？
                    </span>
                </span>
            </a>
        </h2>
        <div class="Answer">
            <div class="QuestionAnswerVerbose">
                <div class="feed_answer_preview shareexp">
                    <div class="truncate_3">
                        <div class="truncated_q_text TruncatedQText TruncatedAnswer TruncatedAnswerMobileFeed">
                            天气太热了，吃什么都没胃口，夏天还没过完就瘦了十几斤。有什么好的建议吗？
                        </div>
                    </div>
                </div>
                <div class="ActionBar shareexp">
                     <div class="action_bar_inner">
                        <div class="shareexperience">
                            <!-- 点赞者照片部分-->
                            <div class="upviter">
                                <div><img src="images/touxiang01.jpg" alt=""></div>
                                <div><img src="images/touxiang02.jpg" alt=""></div>
                                <div><img src="images/touxiang03.jpg" alt=""></div>
                                <div><img src="images/touxiang04.jpg" alt=""></div>
                                <div><img src="images/touxiang05.jpg" alt=""></div>
                                <div><img src="images/touxiang01.jpg" alt=""></div>
                                <div><img src="images/touxiang02.jpg" alt=""></div>
                                <div><img src="images/touxiang03.jpg" alt=""></div>
                                <div><img src="images/touxiang04.jpg" alt=""></div>
                                <div><img src="images/touxiang05.jpg" alt=""> </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="login" style="display: block;">
                    <p>注册铺路账号为好友解答问题，您和问题的转发者都能获得积分奖励。</p>
                    <div class="inputbox" style="margin-top: 10px;">
                    <span>
                        <img src="img/mobilephone01.png" alt=""/>
                    </span>
                        <div class="input">
                            <input type="text" placeholder="您的手机号"/>
                        </div>
                    </div>
                    <div class="inputbox">
                    <span>
                        <img src="img/name01.png" alt=""/>
                    </span>
                        <div class="input">
                            <input type="text" placeholder="您的昵称"/>
                        </div>
                    </div>
                    <div class="inputbox">
                    <span>
                        <img src="img/mima01.png" alt=""/>
                    </span>
                        <div class="input">
                            <input type="text" placeholder="密码"/>
                        </div>
                    </div>
                    <div class="inputbox btn" id="zhuce">
                        <div>注册</div>
                    </div>
                </div>
                <div class="answerplace" style="display: none;">
                    <!--添加栏 -->
                    <div class="editor_toolbar">
                        <div class="scroller">
                            <div class="bar bar_regular_state">
                                <div class="left">
                                    <div class="modifier bold">
                                        <img src="img/jiacu02.png"/>
                                    </div>
                                    <div class="modifier italic">
                                        <img src="img/qingxie02.png"/>
                                    </div>
                                    <div class="modifier ordered_list">
                                        <img src="img/ul.png"/>
                                    </div>
                                    <div class="modifier unordered_list">
                                        <img src="img/ol01.png"/>
                                    </div>
                                </div>
                                <div class="right">
                                    <div class="modifier image">
                                        <img src="img/photo02.png"/>
                                    </div>
                                    <div class="modifier link">
                                        <img src="img/link03.png"/>
                                    </div>
                                    <div class="modifier overflow_show">
                                        <img src="img/shenglue02.png"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 主题内容-->
                    <div class="bar bar_regular_state">
                        <div class="questionbody">
                            <textarea  style="overflow: hidden;width:100%;box-sizing: border-box" rows="4" cols="30" onfocus="ResizeTextarea(this,4);" onclick="ResizeTextarea(this,4);" onkeyup="ResizeTextarea(this,4);"></textarea>
                        </div>
                    </div>
                </div>
                <div class="inputbox btn btn2" id="tijiao" style="display: none;">
                    <div class="closebtn">回答</div>
                    <div class="closebtn" id="zhuanfabtn">转发</div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="tishi" style="display: none;">
    <div class="tishiword">请使用右上角的转发(分享)功能即可</div>
    <div class="arrow">
        <img src="img/righttoparrow.png" alt=""/>
    </div>
</div>
<script>
    //        输入框
    var agt = navigator.userAgent.toLowerCase();
    var is_op = (agt.indexOf("opera") != -1);
    var is_ie = (agt.indexOf("msie") != -1) && document.all && !is_op;
    function ResizeTextarea(a,row){
        if(!a){return}
        if(!row)
            row=5;
        var b=a.value.split("\n");
        var c=is_ie?1:0;
        c+=b.length;
        var d=a.cols;
        if(d<=20){d=40}
        for(var e=0;e<b.length;e++){
            if(b[e].length>=d){
                c+=Math.ceil(b[e].length/d)
            }
        }
        c=Math.max(c,row);
        if(c!=a.rows){
            a.rows=c;
        }
    }

    //点击按钮 切换
    var login=document.getElementsByClassName("login")[0];  //提示注册区域
    var answerplace=document.getElementsByClassName("answerplace")[0]; //回答区域
    var closebtns=document.getElementsByClassName("closebtn")[0]; //提交 回答按钮组
    var zhucebtn=document.getElementById("zhuce");  //注册按钮
    var tijiao=document.getElementById("tijiao");//提交 回答 按钮区域
    zhucebtn.onclick=function(){
        login.style.display="none";
        answerplace.style.display="block";
        tijiao.style.display="block";
    };
    closebtns.onclick=function(){
        login.style.display="block";
        answerplace.style.display="none";
        tijiao.style.display="none";
    };
    //模态框
    var tishi=document.getElementsByClassName("tishi")[0];  //模态框
    var zhuanfabtn=document.getElementById("zhuanfabtn"); //转发按钮
    zhuanfabtn.onclick=function(){
        tishi.style.display="block";
    };
    tishi.onclick=function(){
        tishi.style.display="none";
    }
</script>
</body>
</html>